@CHARSET "UTF-8";

body{
	background-color:#363636;
}

#main_container{
	padding-top:100px;
}

#main{
	width:600px;
	margin:0 auto;
}

#main_top{
	width:600px;
	height:50px;
	background-color:#363636;
}

	#logo{
		display:block;
		width:200px;
		height:50px;
		background: url("../res/imgs/yobol_logo_login.png") 0 0 no-repeat;
		background-size:200px 50px;
		margin:0 auto;
	}
	
		#logo:hover{
			background: url("../res/imgs/yobol_logo_login_hover.png") 0 0 no-repeat;
			background-size:200px 50px;
			cursor:pointer;
		}

#main_center{
	margin-top:20px;
	width:600px;
	height:364px;/*300px + 64px*/
}

	#register{
		width:274px;
		float:left;
		padding:20px 25px 20px 0;
		border-right:1px solid #474747;
	}
	
		#register label{
			display:inline-block;
			color:#fff;
			font-size:14px;
			font-weight:bold;
			letter-spacing:.1em;
			margin-top:5px;
		}
		
			#register label:after{
				/* 显示错误信息 */
				content:attr(error_info);
				color:#f00;
				margin-left:10px;
				font-size:8px;
			}
		
		#register input{
			display:block;
			outline:none;
			border:0 none;
			height:40px;
			width:265px;
			border-radius:6px;
			font-size:13px;
		}
		
		#register input[type="text"]{
			text-indent:10px;
		}
		
		#register input[type="password"]{
			text-indent:10px;
		}
		
		#register input[type="submit"]{
			font-size:18px;
			background-color:#9cd4ed;
			color:#fff;
			letter-spacing: .5em;
			margin-top:20px;
		}
		
			#register input[type="submit"]:hover{
				background-color:#ff4e5d;
				cursor:pointer;
			}
		
		
	#third_party_login{
		width:265px;
		height:220px;
		float:left;
		padding-left:35px;
		padding-top:78px;/* 46px + (64 / 2)px */
		padding-bottom:26px;
	}
	
		#third_party_login a{
			display:block;
			width:120px;/*265px*/
			height:20px;
			background-color:#fff;
			border-radius:5px;
			margin-top:12px;
			padding:10px;
			color:#fff;
			text-indent:10px;
		}
		
		#third_party_login a:nth-child(1){
			background:rgb(0,168,225);
			margin-left:40px;
		}
		
			#third_party_login a:nth-child(1):hover{
				background:rgba(0,168,225,0.9);
			}
		
		#third_party_login a:nth-child(2){
			background:rgb(13,189,13);
		}
		
			#third_party_login a:nth-child(2):hover{
				background:rgba(13,189,13,0.9);
			}
		
		#third_party_login a:nth-child(3){
			background:rgb(235,43,0);
			margin-left:50px;
		}
		
			#third_party_login a:nth-child(3):hover{
				background:rgba(235,43,0,0.8);
			}
		
		#third_party_login a:nth-child(4){
			background:rgb(41,50,225);
			margin-left:15px;
		}
		
			#third_party_login a:nth-child(4):hover{
				background:rgba(41,50,225,0.8);
			}

#main_bottom{
	margin-top:10px;
	text-align:center;
}
	#main_bottom a{
		text-decoration:underline;
		font-size:14px;
		color:#999;
	}
		#main_bottom a:hover{
			cursor:pointer;
			color:#aaa;
		}
		
/* 表单验证 */
.passed_validation{
}

.unpassed_validation{
	box-shadow:inset 0 0 1px 1px #f00;
}

.error{
	color:#f00 !important;
	margin-left:10px;
}